@media screen and (max-width:1550px){
	
}
@media screen and (max-width:1450px){

}
@media screen and (max-width:1280px){ 
.footer .nav li { margin-left: 4%; }
.footer .cta { margin-bottom: 5px; }

.productIbox .ibox{}
.productIbox dd{ width: 34%;}
.productIbox dd.item2{ margin: 0px 2%; width: 28%;}

.ibox-team-box{ width: 80%;}
.ibox-team-box .item{ margin: 0px 20px;}

.productIbox .itembox .diversified, .productIbox .itembox2 .diversified, .productIbox .itembox3 .diversified{margin-left:0px;}

}
@media screen and (max-width:1245px){
.aboArea .r{float:right; position:relative; max-width:860px; width:100%; }
.logo{ float: left; display: block; position: relative; padding: 0px 0px; width:224px; margin-left: 5px; padding-top:20px;}
   .nav{ float: left; display: block; margin-left: 0%; position: relative;}
   .nav li a{ padding: 0px 15px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}
.tab-nav li a { width:24.5%;}
.newsimg_box figure .img{ height:350px;}

   
}
@media screen and (max-width:1160px){
   body{ padding:0;}
  .edition{ display:none;}
  .aboArea .r{float:right; position:relative; max-width:800px; width:100%; }
  .logo{ float: left; display: block; position: relative; padding: 0px 0px; width:224px; margin-left: 5px; padding-top:20px;}
  .nav{ float: left; display: block; margin-left: 0%; position: relative;}
   .nav li a{ padding: 0px 10px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}
  .inner{ width:100%; margin:0 auto;}
 .i_news .newsbox .ncon{margin-left:20px; float:left; width:70%;}
 
.productIbox .ibox{ height: 380px;}
.productIbox .imgBox .img{ width: auto; height: 100%;}
.productIbox .imgBox .con{ font-size: 25px;}
.productIbox .imgBox .balck{ display: block;}
.productIbox .imgBox .con .name,.productIbox .imgBox .con .morei{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible; }
.productIbox .imgBox .con .bot{ width: 110px;}
.productIbox dd.item1{ width: 30%; margin-right:3%;}
.productIbox dd.item1 img{width:100%;}
.productIbox dd.item2{ width: 30%; margin-right:3%;}
.productIbox dd.item2 img{width:100%;}
.productIbox dd.item3{ width: 30%; margin: 0px 0px;}
.productIbox dd.item3 img{ width: 100%}
.productIbox .itembox{height:auto; margin-bottom: 30px; }
.productIbox .itembox2{ height: auto; margin-bottom: 30px; }

.ibox-team-page{ padding: 80px 0px;}
.ibox-team-box{ width: 100%;}

.productIbox .itembox .diversified, .productIbox .itembox2 .diversified, .productIbox .itembox3 .diversified{display:none}
}
@media screen and (max-width:1080px){
	
   .logo{ float: left; display: block; position: relative; padding: 0px 0px; width:224px; margin-left: 5px; padding-top:25px;}
   .nav{ float: left; display: block; margin-left: 0%; position: relative;}
   .nav li a{ padding: 0px 10px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}
.about-box .con{padding:0px 10px;}	
.aboArea .r{float:right; position:relative; max-width:700px; width:100%; }
	
	
}
@media screen and (max-width:1024px){
  .inner{ width:100%; margin:0 auto;}
  .head{background:#fff; height:60px; overflow:hidden}
	.top{ background-color: #fff; border-bottom: 1px solid #eee; height: 60px; position: fixed; left: 0px; top: 0px; width: 100%; overflow: hidden; z-index:9999999999}
	.top .bg,.nav,.toolBox{ display: none;}
	.headroom.top { -webkit-transition: top 600ms ease; -moz-transition: top 600ms ease; -ms-transition: top 600ms ease; -o-transition: top 600ms ease; transition: top 600ms ease; }
	.headroom .bottom-nav-box { -webkit-transition: bottom 300ms ease; -moz-transition: bottom 300ms ease; -ms-transition: bottom 300ms ease; -o-transition: bottom 600ms ease; transition: bottom 300ms ease; }
	.headroom--unpinned.top { top: -60px; }
	.headroom--unpinned .bottom-nav-box { bottom: -50px;}
	.mtop{ height: 0px;}
	.logo{ margin-left: 0px; padding:0px 11px; width: 224px; margin-top:10px;}
	.logo .img{ display: none;}
	.logo .img2{ display: block;}
	.moible-menu{ display: block;}
  .main-top{ width:100%;}
  .main-right{ width:100%; float:left;}
  .main-right .apples{ width:50%; float:left;}
  .productTab{ width:50%; float:left;}
  .main-bottom{ width:100%;}
  .loadWr{ padding:50px 0 30px;}
  .load-list{ padding:30px 20px;}
  .aboArea .r{float:right; position:relative; max-width:700px; width:100%; }
  .contact-bar{display:none}
.search{display:none}

.newsimg_box figure .img{ height:auto;}

.footer .fnav{ display:none}
.footer .t{ padding:0px 0 40px 10px;}
.footer .t .r{ width:100%; display:block; padding-top:20px; height:auto;}
.footer .t .r .tx{ padding-left:2%; width:96%;}
.footer .t .r .ewm{ padding-left:2%; line-height:30px; width:96%; float:left; margin-top:10px; display:none}
.footer .t .r .ewm img{padding-left:2%;}
.footer .lef{ float:left; min-height:35px; padding-top:15px; padding-left:10px;}
.footer .rig{display:none}

.company-about{width:100%; max-width:1200px; margin:50px auto 0 auto;}
.company-about .img{width:96%; margin:0px 2%; margin-top:20px;}
.company-about .img img{width:100%;}
.company-about .text{width:96%; margin-left:2%; margin-right:2%; margin-top:20px;}


.company-market{width:100%; background:url(../images/about_marketing_bj.jpg) repeat; height:100%; float:left; padding-top:50px; padding-bottom:30px;}
.company-market .box{width:100%; float:left; max-width:100%; margin-top:100px;}
.company-market .img{width:45%; float:left; margin-left:2%; margin-right:3%;}
.company-market .c{margin-top:10px; line-height:30px; color:#fff; text-indent:28px; float:left; width:50%;}

.company-market .list{padding:0px 0px; float:left; width:96%; margin:0px 2%; margin-top:30px;}
.company-market .list li{display:block; margin:30px 0px; height:55px; line-height:55px; width:50%; float:left}

.company-video-list li{width: 100%; height: auto; float: left; margin-right: 0; text-align: center;}


.productIbox .imgBox .img{ width: auto; height: 100%;}
.productIbox .imgBox .con{ font-size: 25px;}
.productIbox .imgBox .balck{ display: block;}
.productIbox .imgBox .con .name,.productIbox .imgBox .con .morei{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible; }
.productIbox .imgBox .con .bot{ width: 110px;}
.productIbox dd.item1{ width: 30%; margin-right:3%;}
.productIbox dd.item1 img{width:100%;}
.productIbox dd.item2{ width: 30%; margin-right:3%;}
.productIbox dd.item2 img{width:100%;}
.productIbox dd.item3{ width: 30%; margin: 0px 0px;}
.productIbox dd.item3 img{ width: 100%}
.productIbox .itembox{height:auto; margin-bottom: 30px; }
.productIbox .itembox2{ height: auto; margin-bottom: 30px; }

.ibox-team-page{ padding: 80px 0px;}
.ibox-team-box{ width: 100%;}


.company-title{height:69px; border-bottom:1px solid #e8e8e8; width:100%; margin:0px auto;}
.company-title .box{width:100%; max-width:1000px; margin:0px auto}
.company-title li{ display:inline-block; clear:both; padding:0px 0px; line-height:67px; text-align:center;  width:20%; margin-right:-7px;}
.company-title li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block;  border-right:0px;}
.company-title li a:hover, .company-title li a.cur{text-decoration:none;  color:#000; border-bottom:3px solid #ffde16;}

.productIbox .itembox .diversified, .productIbox .itembox2 .diversified, .productIbox .itembox3 .diversified{display:none}

.home-links { width: 100%;  }
.links-pic { width: 92%; margin: 10px auto; padding: 4%;}




}
@media screen and (max-width:861px){
.banner{display:none}
.mbanner{display:block}
.aboArea .l{ max-width:100%; width:100%; float:left; position:relative; z-index:99; }
.aboArea .r{float:right; position:relative; max-width:100%; width:100%; }
.abnav .lnav{ width:100%;  border:0px;}



.proArea .abnav .lnav{ width:100%;}
.aboArea .l,.aboArea .r { width: 100%; float: none; }
.aboArea .r .padd{ padding-left:15px; padding-right:15px; padding-top:40px; }
.abti,.abnav .lnav .aw,.topLine{ display:none; }
.abnav{width:100%;}
.abnav .lnav{ width:100%; text-align:center; }
.abnav .lnav p{ width:100%; text-align:center; }
.abnav .padd{ padding:0; }
.abnav .mcv{ display:block; width:100%!important; float:left; margin-top:20px; clear:both;}
.abnav .lnav a{ /* line-height:42px; */ padding:8px 0; }
.abnav .lnav li,.abnav .lnav{ margin:0; padding-left:0px; }
.abnav .lnav ul{ position:absolute; left:0; right:0; top:72px; background:#fff; /* z-index:99; */ display:none; }
.abnav .lnav a{ color:#fff; border-tottom:1px dashed #fff; text-align:left;}
.abnav .lnav li{ transition:300ms; -webkit-transition:300ms; padding:0px 0px 0px 20px; }
.abnav .lnav li:hover{ background:#717c8e; color:#fff; }
.abnav .lnav li:hover a{ color:#fff; }
.aboArea .r .abrti{ margin-bottom:30px; width:100%;}
.abnav .lnav.show .caret{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); }
.abnav .lnav{position:relative;}
.abnav .lnav .caret{background:url(../images/icon-lnav.png) no-repeat; width:24px; height:15px; position:absolute; right:10px; margin-top:12px;}


.aboArea .rbox{width:96%; margin-left:2%; margin-right:2%;}
.aboArea .rbox .title p{display:none}
.aboArea .rbox .con img{width:100%;}

.news-box{margin-top:0px;}
.news-list .c { height: 60px;}

.fromT { background-color: #fff; border: 0px none; padding: 8px 12px; width: 85%; font: 14px/1.8 "microsoft yahei"; border:1px solid #ddd;}

.menu_list{width:100%;margin:0 auto;}
.menu_head{color:#fff;}
.menu_list .current{background:url(../images/icon-jian.png) center right no-repeat; color:#fff;}
.menu_body{
	line-height: 38px;
	backguound: #fff;
	padding-left:0px;
}
.menu_body a{color:#777777!important; text-align:center!important}
.menu_body a.curr{color:#c50200!important;}



.pro-list li{width:100%; margin-right:0px; margin-left:%;}
.pro-list .item {height:100%; padding:10px;}
.pro-list .img {width:100%; display:block; position:relative}
.pro-list .img img { width: 96%; display: block;}
.pro-list .box {width:96%; padding-left:10px; display:block; padding-top:50px;}


.l-contact{display:none}

.introduce{margin:60px auto 50px auto;}
.introduce li{width:50%; }
.introduce li h4{font-size:20px;}

.i_news{margin:50px auto; float:left}
.i_news .newsimg{width:96%; float:left; margin:0px 2%;}
.i_news .newsbox{width:96%; float:left; margin:0px 2%;}
.i_news .newsbox .ncon{margin-left:20px; float:left; width:70%;}

.company-culture-xt  li { width:47%; margin-left:1.5%; overflow: hidden; float: left; position: relative; margin-right:1.5%; margin-bottom:2%;}

.productIbox{ padding: 0px 0px 30px 0px;}
.productIbox .ibox{ height: auto;}
.productIbox dd{ float:left;}
.productIbox dd.item1{width:50%; padding:0px; margin:0px; }
.productIbox dd.item2{ width: 50%; padding:0px; margin:0px;}
.productIbox dd.item3{ width: 100%;}
.productIbox  .img{ width: 100%; height: auto;}
.productIbox .itembox2{width:50%; float:left}
.productIbox .itembox{margin-bottom:0px;}
.productIbox .itembox3{height:100%;}


.company-title{height:69px; border-bottom:1px solid #e8e8e8; width:100%; margin:0px auto;}
.company-title .box{width:100%; max-width:1000px; margin:0px auto}
.company-title li{ display:inline-block; clear:both; padding:0px 0px; line-height:67px; text-align:center;  width:20%; margin-right:-7px;}
.company-title li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block;  border-right:0px;}
.company-title li a:hover, .company-title li a.cur{text-decoration:none;  color:#000; border-bottom:3px solid #ffde16;}

.newsview .botbox{height:auto; float:left}
.newsview .botbox .share{float:left; padding-left:10px; font-size:12px; padding-top:10px}
.newsview .bbtn{float:left}

}

@media screen and (max-width:641px){
	body{ cursor:pointer;}
  
   .aboArea .rbox{padding-top:10px;}
   .aboArea .rbox .title span{display:none}
   .formBox { float: left; display: block; width: 100%;}
.formBox .fitem { padding: 20px 0% 0px; }
.proFormTBL td{width:100%; display:block; padding-bottom: 0px;}
.jfname { width: 84px; text-align: left; line-height: 34px; }
.proForm .fromBtn { max-width:150px; margin-bottom:20px; margin-top:20px;}
.formBox2 { float: left; display: block; width: 100%;}
.formBox2 .fitem { padding: 20px 0% 80px; }
.proFormTBL22 td{width:100%; display:block; padding-bottom: 0px;}
.jfname2 { width: 84px; text-align: left; line-height: 34px; }
.proForm2 .fromBtn { max-width:150px;}

.i-product-box li{margin-right:0%;}

.honor li{width:48%; margin-right:0%; display:block; overflow:hidden; float:left; margin-bottom:3.33%;}
.honor li:nth-child(3n+3){margin-right:0%}
.honor li:nth-child(2n+2){margin-right:0}
.honor-box .img { display: block; transition: 600ms; padding:2%; width:96%!important;}


.prolist li{width:48%; margin-right:4%; display:block; overflow:hidden; float:left; margin-bottom:3.33%;}
.prolist li:nth-child(3n+3){margin-right:4%}
.prolist li:nth-child(2n+2){margin-right:0}


.news-Ibox a:link,.news-Ibox a:visited { color: #484848;}
.news-Ibox a:active,.news-Ibox a:hover { color: #484848;}
.news-Ibox ul{ margin-left: 0px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
.news-Ibox li{ float: left; display: block; width:100%; margin-right:0%; margin-bottom:20px;}
.news-Ibox li:last-child{margin-right:0px;}
.newsview H3 {line-height: 36px; padding:0px 0px;}

.i-about{width:100%; margin:0px 0; background:#f6f6f6; padding:0px 0px; float:left}
.i-about ul{margin-top:30px;}
.i-about li{width:100%; margin-right:2%;}

.company-market{width:100%; background:url(../images/bbg.jpg) repeat; padding-top:50px; padding-bottom:30px;}
.company-market .box{width:100%; float:left; max-width:100%; margin-top:50px;}
.company-market .img{width:70%; text-align:center; margin:0px auto 10px auto; float:none}
.company-market .img img{width:70%;}
.company-market .c{margin-top:10px; line-height:30px; color:#fff; text-indent:28px; float:left; width:96%; margin:0px 2%;}

.company-market .list{padding:0px 0px; float:left; width:96%; margin:0px 2%; margin-top:30px;}
.company-market .list li{display:block; margin:30px 0px; height:55px; line-height:55px; width:100%; float:none}


.ibox-team-page{ padding: 50px 0px;}
.ibox-team-box .item{ margin: 0px 12px;}


.company-title{width:100%; margin:0px auto; height:auto; border:0px;}
.company-title .box{width:100%; max-width:1000px; margin:0px auto; height:auto;}
.company-title li{ display:inline-block; clear:both; padding:0px 0px; text-align:center;  width:31%;  margin-right:2%; margin-bottom:2%; line-height:50px;}
.company-title li:nth-child(3n+3){margin-right:0px;}
.company-title li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block;  border:1px solid #eee;}
.company-title li a:hover, .company-title li a.cur{text-decoration:none;  color:#000;}

.i-about li figure img{width:100%;}
.footer .t .r{ margin-top:30px; padding-top:0px;}
.productIbox{ padding-bottom:0px;}

.newsimg_box figure .img img{width:100%;}

.company-culture-xt  li .diversified-wr {display:none}

}
@media screen and (max-width:520px){
   .logo img{ width:120px;}
   .mtop{ height:0px;}

}
@media screen and (max-width:481px){
	.header{ width:95%;}
	.menu-down{ top:64px;}
	.top{height:60px;}
    .logo img{ width:200px;}
	.lect-list{ width:100%;}
	.lect-list a{ margin-right:6px;}
	.lect-list a i{ padding:4px 8px;}
	.mtop{ height:0px;}

.i_box .i_contact .img{width:100%; height:285px; float:left}
.i_box .i_contact .list{width:100%; height:95px; float:left}
.i_box .i_contact .list li{height:95px; float:left; width:33.33%;}

.pro-list .item {height:100%; padding:10px;}
.pro-list .img {width:100%; display:block; left:5px; position:relative}
.pro-list .img img { width: 94%; display: block;}
.pro-list .box {width:94%; padding-left:10px; display:block; padding-top:50px;}


.footer .t { padding: 0px 0 20px 0; } 

.honor li{width:98%; margin-right:0%; display:block; overflow:hidden; float:left; margin-bottom:3.33%;}
.honor li:nth-child(3n+3){margin-right:0%}
.honor li:nth-child(2n+2){margin-right:0}
.honor-box .img { display: block; transition: 600ms; padding:2%; width:96%!important;}
.tab-nav li a { width:24.4%;}

.introduce li{width:100%; text-align:center; float:left; cursor:pointer; margin-bottom:20px;}
.introduce li h4{font-size:18px;}

.company-culture-xt  li { width:46%; margin-left:2%;  margin-right:2%; margin-bottom:2%;}

.productIbox .ibox{ height: auto;}
.productIbox dd{ float: none;}
.productIbox dd.item1{ width: 100%;}
.productIbox dd.item2{ width: 100%; margin: 0px auto;}
.productIbox dd.item3{ width: 100%;}
.productIbox  .img{ width: 100%; height: auto;}
.productIbox .itembox{margin-bottom:10px;}
.productIbox .itembox2{width:100%; margin-bottom:10px;}
.productIbox .itembox3{margin-bottom:0px;}
.productIbox dd.item1{margin-bottom:10px;}

 }
@media screen and (max-width: 380px){
.i_news .newsbox .ncon{margin-left:20px; float:left; width:60%;}
.tab-nav li a { width:24.3%;}
}
@media screen and (max-width: 320px){
.tab-nav li a { width:24.2%;}
}